// 加载导航栏
function loadNav() {
    $('#nav-placeholder').load('nav.html', function () {
        // 初始化Bootstrap下拉菜单
        var dropdownElementList = [].slice.call(document.querySelectorAll('.dropdown-toggle'))
        var dropdownList = dropdownElementList.map(function (dropdownToggleEl) {
            return new bootstrap.Dropdown(dropdownToggleEl)
        });

        // 导航栏滚动效果 - 移至导航加载完成后执行
        const nav = document.querySelector('.main-nav');
        if (nav) {
            // 初始化导航栏背景色
            function updateNavBackground() {
                const scrollProgress = Math.min(window.scrollY / 800, 1);
                const alpha = 0.3 + (scrollProgress * 0.7); // 透明度从0.3到1.0
                const newColor = `rgba(135, 206, 235, ${alpha})`;
                nav.style.backgroundColor = newColor;
                console.log('滚动进度:', scrollProgress, '透明度:', alpha, '背景色:', newColor);
            }

            // 初始加载时设置一次
            updateNavBackground();
            // 滚动时更新
            window.addEventListener('scroll', updateNavBackground);
        }
    });
}

// 加载侧边栏
function loadSidebar() {
    $('#sidebar-placeholder').load('sidebar.html');
}

// 加载右侧悬浮窗
function loadRightSidebar() {
    $('#right-sidebar-placeholder').load('right-sidebar.html');
}

// 滚动箭头功能
document.addEventListener('DOMContentLoaded', function () {
    const scrollDownBtn = document.getElementById('scroll-down');
    if (scrollDownBtn) {
        scrollDownBtn.addEventListener('click', function () {
            // 平滑滚动到主内容区
            document.querySelector('main.container').scrollIntoView({
                behavior: 'smooth'
            });
            // 隐藏箭头
            this.style.display = 'none';
        });

        // 滚动时控制箭头显示/隐藏
        window.addEventListener('scroll', function () {
            if (window.scrollY <= 50) {
                scrollDownBtn.style.display = 'block';
            } else {
                scrollDownBtn.style.display = 'none';
            }
        });
    }
});

// 动态加载页脚：从footer.html获取内容并插入到页面页脚占位符中（返回Promise便于后续操作）
function loadFooter() {
    // 使用fetch API异步请求footer.html文件并返回Promise
    return fetch('footer.html')
        // 将响应转换为文本格式
        .then(response => response.text())
        // 将获取的HTML内容插入到id为footer-placeholder的元素中
        .then(html => {
            document.getElementById('footer-placeholder').innerHTML = html;
        });
}

// 页面加载完成后执行的函数
window.onload = function () {
    // 调用loadNav函数加载导航栏
    loadNav();
    // 加载侧边栏
    loadSidebar();
    // 加载右侧悬浮窗
    loadRightSidebar();
    // 调用loadFooter函数加载页脚，并在加载完成后执行后续操作
    loadFooter().then(() => {
        // 页脚加载完成后，为id为address的元素绑定点击事件
        $('#address').click(function () {
            // 点击时显示邮箱地址的提示框
            alert('邮箱为：3261547169@qq.com');
        });
    });
};